import { createRouter, createWebHistory } from 'vue-router';
import Home from '../views/Home.vue';
import Users from '../views/Users.vue';

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/users',
    name: 'Users',
    component: Users
  },
  {
    path: '/orders',
    name: 'Orders',
    component: () => import('../views/Orders.vue') // Lazy loading
  },
  {
    path: '/songs',
    name: 'Songs',
    component: () => import('../views/Songs.vue') // Lazy loading
  },
  {
    path: '/tutorials',
    name: 'Tutorials',
    component: () => import('../views/Tutorials.vue') // Lazy loading
  }
];

const router = createRouter({
  history: createWebHistory(),
  routes
});

export default router; 